<template>
    <div class="recover-mian">
        <span class="recover-item">
            <svgIcon iconName="icon-redu"/>
            <span>{{ viewsCount }} 热度</span>
        </span>
        <span class="recover-item">
            <svgIcon iconName="icon-pinglunhuifu"/>
            <span>{{ commentsCount }} 评论</span>
        </span>
        <span class="recover-item">
            <svgIcon iconName="icon-dianzan"/>
            <span>{{ like }} 点赞</span>
        </span>
    </div>
</template>

<script setup>
import svgIcon from '@/components/system/svgicon/svgicon.vue';

// ========================= 接收值 =========================
const props = defineProps({
    // 热度
    viewsCount: {
        type: Number,
        default: 0
    },
    // 评论
    commentsCount: {
        type: Number,
        default: 0
    },
    // 点赞
    like: {
        type: Number,
        default: 0
    }
});

</script>

<style lang="scss" scoped>
    @import './article-info.scss';
</style>